<template>
    <div class="wrapper">
        <div class="icon">
            <SvgIcon icon="icon-address"></SvgIcon>
        </div>
        <div class="center">
            <div class="row1">
                <span>姓名：：121323123</span>
                <span style="margin-left: 5px">电话：121323123</span>
            </div>
            <div class="row2">
                <span>收货地址：北京省省密云区城区</span>
                <div>121323123</div>
            </div>
        </div>
        <div class="icon">
            <SvgIcon icon="icon-right1"></SvgIcon>
        </div>
    </div>
</template>
<script>
    import SvgIcon from '../../../components/svgIcon'

    export default {
        components: {
            SvgIcon
        }
    }
</script>
<style lang="less" scoped>
    .wrapper {
        margin-top: 10px;
        border-bottom: 2px solid red;
        display: flex;
        height: px2rem(125);
        padding-left: px2rem(20);
        padding-right: px2rem(20);
        .icon {
            width: px2rem(30);
            height: 100%;
            display: flex;
            align-items: center;
        }
        .center {
            padding-left: px2rem(10);
            padding-right: px2rem(10);
            flex: 1;
            .row1 {
                margin-bottom: 5px;
            }
        }
    }
</style>